<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>商品详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/layout.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/activityDetail.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_59jvo0pdgou323xr.css">
</head>

<body class="activity-order">
<div class="page-group">
    <div class="page">
        <!--搜索栏内容 !-->
        <header class="bar bar-nav  product-bar">
            <a class="icon icon-left pull-left" href="${basepath}/activity/toActivityList">返回</a>
            <h1 class="title">商品详情</h1>
        </header>
        <!--内容部分 !-->
        <div class="content product-content">
            <!--列表页面 !-->
            <!-- 幻灯片Slider -->
            <div class="swiper-container" data-space-between='10'>
                <div class="swiper-wrapper">
                    <#--<div class="swiper-slide">-->
                        <#--<img src="http://img.alicdn.com/bao/uploaded/i1/TB1QZD1PVXXXXaXXVXXXXXXXXXX_!!0-item_pic.jpg_640x640q50.jpg" alt="">-->
                    <#--</div>-->
                    <#--<div class="swiper-slide">-->
                        <#--<img src="http://img.alicdn.com/bao/uploaded/i1/1644258287/TB2cT9gjVXXXXcDXpXXXXXXXXXX_!!1644258287.jpg_760x760Q50s50.jpg_.webp">-->
                    <#--</div>-->
                    <#--<div class="swiper-slide">-->
                        <#--<img src="http://img.alicdn.com/bao/uploaded/i1/1644258287/TB2MB6LepXXXXb2XXXXXXXXXXXX_!!1644258287.png_760x760Q50s50.jpg_.webp">-->
                    <#--</div>-->
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <!-- 商品详情 -->
            <div class="product-card card ">
                <div class="card-header no-border">
                    <div class="list-block media-list">
                        <ul>
                            <li>
                                <div class="item-inner partOne">
                                    <#--<div class="item-title">【京东超市】清风（APP)抽纸 柔软2层200抽软抽*20包纸巾（整箱售卖）</div>-->
                                    <#--<div class="item-title-row">-->
                                        <#--<div class="item-title">单件购买价格￥36.00</div>-->
                                    <#--</div>-->
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="buttons-tab">
                <a href="#goodsDet-tab" class="tab-link active button">商品详情</a>
            </div>
            <div class="tabs">
                <div id="goodsDet-tab" class="tab active">
                    <#--<img src="https://img.alicdn.com/imgextra/i3/1644258287/TB29UGAcU5O.eBjSZFxXXaaJFXa_!!1644258287.jpg_790x10000Q30.jpg">-->
                    <#--<img src="https://img.alicdn.com/imgextra/i2/1644258287/TB2ecWGcNeK.eBjSZFlXXaywXXa_!!1644258287.jpg_790x10000Q30.jpg_.webp">-->
                </div>
            </div>
        </div>
        <nav class="bar bar-tab" id="tool-bar">
            <a class="tab-item" href="#">
                <span class="iconfont icon-tuangourenshu"></span>
            </a>
            <a class="tab-item activity-info" href="#">
                <#--<span>5人团</span>-->
                <#--<span>￥188</span>-->
            </a>
            <a href="#" class="tab-item" data-url="${basepath}/order/toActivityOrder" id="joinActivity" >立即参团</a>
            <a href="#" class="tab-item" data-url="${basepath}/order/toActivityOrder" id="openActivity">立即开团</a>
        </nav>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src="${staticpath}/front/dist/js/activityDetail.js"></script>

</body>

</html>
